<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>Ajax请求缓存</h1>
    <button>发送请求</button>
    <script src="/ajax.js"></script>
    <script>
        var button = document.querySelector("button");

        button.onclick = function () {
        //     ajax({
        //         method: "post",
        //         url:"/api/post",


        //         // url:"/api/get",
        //         data: {
        //             name: "jack",
        //             sex: "f"
        //         },
        //         success: function(data){
        //             console.log(data);
        //         },
        //         error: function(error){
        //             console.log(error);

        //         }

        //     })

        // 测试json对象
        // ajax({
        //         method: "post",
        //         headers:{
        //             "Content-Type":"application/json",
        //         },
        //         url:"/api/json",
        //         data: {
        //             name: "jack",
        //             sex: "f"
        //         },
        //         success: function(data){
        //             console.log(data);
        //         },
        //         error: function(error){
        //             console.log(error);

        //         }

        //     })


        ajax({
                method: "post",
                headers:{
                    "Content-Type":"application/json",
                },
                url:"/api/json",
                data: {
                    name: "jack",//这个传递给app.js中的req.body，req.body再传递给ajax.js中var result = xhr.responseText;的result
                    sex: "f"
                }
                
            }).then(d => console.log(d)).catch(err => console.log(err));
        }


        // 步骤
        // 1.输入网址
        // 2.点击事件触发ajax()执行
        // 3.进入ajax.js中，xhr.open("POST",_default.url);,从而访问到了app.js中的对应路由
        // 4.访问到路由后再继续走ajax.js下面的代码进行响应

    </script>

</body>
</html>